* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Helvetica Neue, Tahoma, Arial, PingFangSC-Regular, Hiragino Sans GB, Microsoft Yahei, sans-serif;
}
a {
  color: #333;
  text-decoration: none;
}
img {
  vertical-align: middle;
  width: 100%;
  height: 100%;
}
ul {
  list-style: none;
}
.ellipsis-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
header {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 999;
  width: 100%;
}
header .head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 11.74651163vw;
  padding: 0 3.20232558vw 0 4.80465116vw;
}
header .head .left {
  flex: 1;
}
header .head .logo i {
  font-size: 6.97674419vw;
  color: #ff5588;
}
header .head .right {
  display: flex;
  flex: 1;
}
header .head .search {
  width: 5.58139535vw;
  margin-right: 4.65116279vw;
}
header .head .profile {
  margin-right: 4.65116279vw;
}
header .head .profile img {
  width: 5.58139535vw;
  height: 5.58139535vw;
  border-radius: 50%;
}
header .head .download_app img {
  height: 6.40697674vw;
}
.nav {
  position: relative;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
  line-height: 10.67674419vw;
}
.nav .nav_list {
  position: relative;
  display: flex;
  height: 10.67674419vw;
  line-height: 10.67674419vw;
  white-space: nowrap;
  overflow: hidden;
  font-size: 3.733vw;
  flex: 1;
}
.nav .nav_list a {
  padding: 0 4.27139535vw;
}
.nav .nav_line {
  position: absolute;
  left: 3.72093023vw;
  bottom: -0.46511628vw;
  width: 9.30232558vw;
  border-bottom: 2px solid #ff5588;
}
.nav .triangles {
  position: relative;
  width: 8.72093023vw;
  font-size: 3.25581395vw;
}
.nav .triangles i {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.content {
  z-index: -99;
  padding: 0 0.69767442vw;
  display: flex;
  flex-wrap: wrap;
}
.content .items {
  padding: 2.13488372vw 1.33488372vw;
  width: 50%;
  padding-right: 0 1.1627907vw;
}
.content .items .card {
  position: relative;
}
.content .items .card .count {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 1.33488372vw 1.6vw;
  font-size: 3.18604651vw;
  color: #fff;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0.3));
}
.content .items p {
  margin-top: 1.6vw;
  font-size: 2.79069767vw;
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
  display: -webkit-box;
  /* 设置为WebKit内核的弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
}
footer {
  position: fixed;
  bottom: 6.97674419vw;
  width: 100%;
  text-align: center;
}
footer .download {
  margin: 0 6.97674419vw;
  height: 6.97674419vw;
  font-size: 3.25581395vw;
  line-height: 6.97674419vw;
  border-radius: 6.97674419vw;
  background-color: #ff5588;
  color: #fff;
}
